<script setup>
// 组件接收数据，在 defineProps 传入的对象中定义

// defineProps 的返回值包含了实际父组件传入的值
const props = defineProps({
  // type 定义类型
  // default 定义默认值
  money: {
    type: Number,
    default: 10,
  },
  obj: {
    type: Object,
  },
});
props.obj.age = 10;
console.log(props.obj);
// // 修改props
// props.money = 500;
// // JS 中使用
// console.log(props.money);

// 定义发射器和发射事件
const emits = defineEmits(['giveMoney']);
// 发射事件
const xxx = () => {
  console.log('子组件说没钱了');
  emits('giveMoney', '没钱了，给1000');
};
</script>

<template>
  <div>
    <!-- 模版中使用 -->
    <p>我是一个子组件，我从父组件接收到的数据为：{{ money }}</p>
    <button @click="xxx">没钱了</button>
  </div>
</template>
